<template>
	<div>
		<navHeader></navHeader>
		<van-tree-select
		  :items="items"
		  :active-id.sync="activeId"
		  :main-active-index.sync="activeIndex"
		  @click-item='toCateList'
		/>
	</div>
</template>

<script>
	import navHeader from '../components/nav.vue'
	export default {
		name: 'Home',
		methods:{
			toCateList(data){
				this.$router.push({path:'/category',query:{id:data.id}})
			}
		},
		components: {
			
			navHeader
		},
		data(){
			return{
					items: [
					        { text: '家用车', children: [
								{
								        // 名称
								        text: '摆摊',
								        // id，作为匹配选中状态的标识符
								        id: 1,
								      
								      },
									  {
									          // 名称
									          text: '买菜',
									          // id，作为匹配选中状态的标识符
									          id: 2,
									        
									   },
							], dot: true },
					        { text: '送礼', children: [
								{
								        // 名称
								        text: '员工',
								        // id，作为匹配选中状态的标识符
								        id: 1,
								      
								      },
									  {
									          // 名称
									          text: '亲戚',
									          // id，作为匹配选中状态的标识符
									          id: 2,
									        
									   },
							]},
					        { text: '婚车', children: [
								{
								        // 名称
								        text: '二婚',
								        // id，作为匹配选中状态的标识符
								        id: 1,
								      
								      },
									  {
									          // 名称
									          text: '大婚',
									          // id，作为匹配选中状态的标识符
									          id: 2,
									        
									   },
							]},
					        { text: '装逼', children: [
								{
								        // 名称
								        text: '高大上',
								        // id，作为匹配选中状态的标识符
								        id: 1,
								      
								      },
									  {
									          // 名称
									          text: '跑车',
									          // id，作为匹配选中状态的标识符
									          id: 2,
									        
									   },
							]},
					        { text: '泡妞', children: [
								{
								        // 名称
								        text: '幻影',
								        // id，作为匹配选中状态的标识符
								        id: 1,
								      
								      },
									  {
									          // 名称
									          text: '坦克',
									          // id，作为匹配选中状态的标识符
									          id: 2,
									        
									   },
							]},
					      ],
				      activeId: 1,
				      activeIndex: 0,
			}
		}
	}
</script>

<style>
</style>
